import React, {Component} from 'react';
import './App.less'
import {
  Button
} from 'antd';

export default class App extends Component {
  render() {
    const characters = ['chy1', 'chy2', 'chy3']
    return (
      <div className="login-container">
        <div className="character-item-container">
	        {
		        characters.map((e, i)=>(
              <div className="character-item" key={i}>
                <img
                  src={require('../imgs/character.png')} />
                <div>{e}</div>
              </div>
		        ))
	        }
        </div>
        <Button
          onClick={()=>this.props.setPage('step1')}
          type="primary">创建人物</Button>
      </div>
    )
  }
}